<!doctype html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:include="comment :: commonheader"></div>
    <!-- Title -->
    <title>Education</title>
</head>

<body>

<div th:replace="comment :: commondiv1"></div>


<!-- Start Page Title Area -->
<div class="page-title-area bg-6">
    <div class="container">
        <div class="page-title-content">
            <h2>课堂展示</h2>
            <ul>
                <li>
                    <a th:href="@{/index}">
                        主页
                    </a>
                </li>

                <li class="active">课堂展示</li>
            </ul>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Gallery Area -->
<div class="gallery-area gallery-popup ptb-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/1.png">
                        <img src="assets/img/gallery/1.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/2.png">
                        <img src="assets/img/gallery/2.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/3.png">
                        <img src="assets/img/gallery/3.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/7.png">
                        <img src="assets/img/gallery/7.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/6.png">
                        <img src="assets/img/gallery/6.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/5.png">
                        <img src="assets/img/gallery/5.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/4.png">
                        <img src="assets/img/gallery/4.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6">
                <div class="single-gallery">
                    <a href="assets/img/gallery/9.png">
                        <img src="assets/img/gallery/9.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 offset-sm-3 offset-lg-0">
                <div class="single-gallery">
                    <a href="assets/img/gallery/8.png">
                        <img src="assets/img/gallery/8.png" alt="Image">
                        <i class='bx bx-show-alt'></i>
                    </a>
                </div>
            </div>

            <div class="col-12 text-center mt-3">
                <a href="#" class="default-btn">加载更多</a>
            </div>
        </div>
    </div>
</div>
<!-- End Gallery Area -->

<div th:replace="comment :: commondiv2"></div>

<div th:replace="comment :: commondiv3"></div>

<div th:include="comment :: commonscript"></div>
</body>
</html>